<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<title>商品详情商品评价</title>
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/goods_details_pingjia.css">
	<script type="text/javascript" src="../js/rem2.js"></script>
</head>
<body>
	<div class="wrap">
		<!-- 头部 -->
		<div class="header">
			<label class="header_left"><img src="../img/w_nav_back.png"></label>
			<ul class="nav">
				<li><a href="goods_details.html">商品</a></li>
				<li><a href="goods_details_tuwen.html">详情</a></li>
				<li><a href="goods_details_pingjia.html">评价</a></li>
				<li><a href="javascript:void(0)">推广</a></li>
			</ul>
		</div>
		<!-- 头部 -->
		<div class="content">
			<div class="con_nav">
				<ul>
					<li><p>全部评价</p><p>1785</p></li>
					<li><p>好评</p><p>1785</p></li>
					<li><p>中评</p><p>1785</p></li>
					<li><p>差评</p><p>0</p></li>
				</ul>
			</div>
			<div class="item">
				<div class="item_head">
					<span class="star">
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
					</span>
					<span class="time">1***5 2015-11-28 16:46:38</span>
				</div>
				<div class="item_text">
					<p>很划算，确实很好用，一直都买这款保健品哒。</p>
				</div>
				<div class="item_canshu">
					<p>颜色:胶原蛋白口服液 500ml</p>
					<p>购买日期:2015-11-28 11:07:52</p>
				</div>
				<div class="line"></div>
				<div class="item_btn">
					<span class="zan">
						<i class="iconfont icon-star"></i>
						(<span class="num1">10</span>)
					</span>
					<span class="pinglun">
						<i class="iconfont icon-messagemanagement"></i>(115)
					</span>
				</div>
			</div>
			<div class="item">
				<div class="item_head">
					<span class="star">
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star star1"></i>
						<i class="iconfont icon-star star1"></i>
					</span>
					<span class="time">1***5 2015-11-28 16:46:38</span>
				</div>
				<div class="item_text">
					<p>很划算，确实很好用，一直都买这款保健品哒。</p>
				</div>
				<div class="item_canshu">
					<p>颜色:胶原蛋白口服液 500ml</p>
					<p>购买日期:2015-11-28 11:07:52</p>
				</div>
				<div class="line"></div>
				<div class="item_btn">
					<span class="zan">
						<i class="iconfont icon-star star1"></i>
						(<span class="num1">10</span>)
					</span>
					<span class="pinglun">
						<i class="iconfont icon-messagemanagement"></i>(115)
					</span>
				</div>
			</div>
			<div class="item">
				<div class="item_head">
					<span class="star">
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
					</span>
					<span class="time">1***5 2015-11-28 16:46:38</span>
				</div>
				<div class="item_text">
					<p>很划算，确实很好用，一直都买这款保健品哒。</p>
				</div>
				<div class="item_canshu">
					<p>颜色:胶原蛋白口服液 500ml</p>
					<p>购买日期:2015-11-28 11:07:52</p>
				</div>
				<div class="line"></div>
				<div class="item_btn">
					<span class="zan">
						<i class="iconfont icon-star star1"></i>
						(<span class="num1">10</span>)
					</span>
					<span class="pinglun">
						<i class="iconfont icon-messagemanagement"></i>(115)
					</span>
				</div>
			</div>
			<div class="item">
				<div class="item_head">
					<span class="star">
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star"></i>
						<i class="iconfont icon-star star1"></i>
					</span>
					<span class="time">1***5 2015-11-28 16:46:38</span>
				</div>
				<div class="item_text">
					<p>很划算，确实很好用，一直都买这款保健品哒。</p>
				</div>
				<div class="item_canshu">
					<p>颜色:胶原蛋白口服液 500ml</p>
					<p>购买日期:2015-11-28 11:07:52</p>
				</div>
				<div class="line"></div>
				<div class="item_btn">
					<span class="zan">
						<i class="iconfont icon-star star1"></i>
						(<span class="num1">10</span>)
					</span>
					<span class="pinglun">
						<i class="iconfont icon-messagemanagement"></i>(115)
					</span>
				</div>
			</div>
		</div>
		<div class="toTop">
			<img src="../img/top.png">
		</div>
	</div>
</body>
<script type="text/javascript">
	 var btn_zan = document.querySelectorAll(".zan");
	 var num1 = document.querySelectorAll(".num1")
	 var toTop = document.querySelector(".toTop")
	 var header_left = document.querySelector(".header_left");
	 header_left.addEventListener("click",function(){
	 	location.href="supplierShop.html"
	 });
	 toTop.addEventListener("click",function(){
	 	var time=setTimeout(function(){
	 		document.documentElement.scrollTop=0
	 	},10)
	 })
	 for(var i = 0;i<btn_zan.length;i++){
	 	(function(a){
	 		btn_zan[a].addEventListener("click",function(){
	 			console.log([btn_zan[a]])
	 			if(btn_zan[a].firstElementChild.classList.length==2){
	 				num1[a].innerText--
	 			}else{
	 				num1[a].innerText++
	 			}
	 			btn_zan[a].firstElementChild.classList.toggle("star1")
	 		})
	 	})(i)
	 }
</script>
</html>